
ul.sfk-menu, ul.sfk-menu li, ul.sfk-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.sfk-menu {
	position: relative;
	z-index: 597;
	float: left;
}
ul.sfk-menu li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}
ul.sfk-menu li.hover, ul.sfk-menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.sfk-menu ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 50%;
}
ul.sfk-menu ul li {
	float: none;
}
ul.sfk-menu ul ul {
	top: 1px;
	left: 99%;
}
ul.sfk-menu li:hover > ul {
	visibility: visible;
}
/* ---------look--------------*/

.sfk-menu .selected {
	color:#FFFFFF;
	background-color: #336786;
	/*color: #3D4C60;*/ 
	text-shadow: 0px 0px 2px #f0f0f0;
}
ul.sfk-menu a {
	color:#FFF;
	text-decoration: none;
}
ul.sfk-menu li {
	/*padding: 7px 10px;*/
	height: 25px;
	padding: 3px 20px 0px 18px;
	background: url(/css/img/menu_level1_item.png) 100% 0 no-repeat;
	/*	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;*/
	float: left;
	line-height: 20px;
	font-size: 13px;
	color: #ffffff;
	text-shadow: 0px 0px 2px #646464;
}
ul.sfk-menu li.hover, ul.sfk-menu li:hover {
	/* background-color: #eee;*/
	color: #ffffff;
	text-shadow: 0px 1px 2px #404040;
}
ul.sfk-menu a:link {
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 0px 2px #f0f0f0;
}
ul.sfk-menu a:hover {
	color: #ffffff;
	text-shadow: 0px 1px 2px #404040;
}
ul.sfk-menu a:active {
	/*color: #3D4C60;*/
	text-shadow: 0px 0px 2px #f0f0f0;
}
/* -- level mark -- */

	ul.sfk-menu ul {
	width: 150px;
	margin-top: 1px;
}
ul.sfk-menu ul li {
	font-weight: normal;
}
/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 


ul.sfk-menu *.dir {
	padding-right: 20px;
	background-image: url(images/nav-arrow-down.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}*/
/* -- Components override -- 

ul.sfk-menu-horizontal ul *.dir {
	padding-right: 15px;
	background-image: url(images/nav-arrow-right.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
ul.sfk-menu-upward *.dir {
	background-image: url(images/nav-arrow-top.png);
}
ul.sfk-menu-vertical *.dir, ul.sfk-menu-upward ul *.dir {
	background-image: url(images/nav-arrow-right.png);
}
ul.sfk-menu-vertical-rtl *.dir {
	padding-right: 10px;
	padding-left: 15px;
	background-image: url(images/nav-arrow-left.png);
	background-position: 0 50%;
}*/
/*HORIZONTAL NAV*/

.horizontal {
	white-space: nowrap;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	margin: 0px;
}
.horizontal li {
	font-size: 1em;
	display: inline;
	list-style-type: none;
	line-height:1.4em;
}
.horizontal a {
	padding: 2px 4px 4px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.horizontal a {
	color: #85898A;
	text-decoration: none;
}
.horizontal a:hover {
	color: #4DB039;
	text-decoration: none;
}
.horizontal .selected {
	color:#4DB039;
}
.horizontal .selected.branch {
	color:#4DB039;
}
.horizontal .branch {
	color:purple;
}
/*VERTICAL NAV*/
.vertical {
	width:100px;
	line-height:1.4em;
	padding-bottom:20px;
	margin:0;
	padding:0px;
	list-style-type:none;
	text-align:left;/*display: inline;*/
}
.vertical ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.vertical li {
	display: inline;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333333;
}
.vertical li a {
	display:block;
	padding:3px 3px 3px 5px;
	text-decoration:none;
	border-left:5px solid #4DB0ff;
	background-color:#F1F1F1;
	border-bottom:2px solid #fff;
}
.vertical li a:hover {
	border-left:5px solid #4dB0aa;
	color: #4DB0ff;
}
.vertical li a.branch {
	border-left:5px solid #ccc;
	color: #777;
}
.vertical li a.branch:hover {
	border-left:5px solid #4dB0aa;
	color: #4DB0ff;
}
.vertical li a.selected {
	border-left:5px solid #4dB0aa;
	color: #4DB0ff;
}
.vertical.level1 li a {
	padding:3px 3px 3px 5px;
}
.vertical .level2 li a {
	padding:3px 3px 3px 25px;
}
.vertical .level3 li a {
	padding:3px 3px 3px 50px;
}
.vertical .level4 li a {
	padding:3px 3px 3px 75px;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
